<template>
  <div class="text">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'centertext'
}
</script>

<style lang='less' scoped>
.text {
  position: relative;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  margin-top: 15px;
  &:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    background: #d4c0a7;
    top: 35%;
    left: 35%;
  }

  &:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    background: #d4c0a7;
    top: 35%;
    right: 35%;
  }
}
</style>